<!--层叠关系   nav ---0  其他元素必须在0之下-->
{% extends 'base_navigation.html' %}
{% load static %}
<html>
<head>
    {% block head_part %}
    <meta charset="UTF-8">
    <title>下载：{{ file_name }}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="stylesheet" href="{% static 'Form_Style/css/style-nav.css' %}">
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:400,500,700&amp;display=swap'>
    <link rel="stylesheet" href="{% static 'Form_Style/css/style-download.css' %}">
    <script src="{% static 'Form_Style/download_js/jquery.min.js' %}"></script>
    <script src="{% static 'Form_Style/download_js/script.js' %}"></script>
<!--11.13	article-->
	<link rel="stylesheet" href="{% static 'Form_Style/css/style-nav.css' %}">
<!---->
    {% endblock head_part %}
</head>

<body style="overflow:hidden;">
{% block user_who %}| User：{{ username }}{% endblock user_who %}
{% block body_part %}

<canvas style="z-index: -3;position: absolute"></canvas>
<article style="top:40%;left:30%">
<!--<article>-->
    <div class="container" style="position:absolute;display: block">

<!--    <div class="container" style="position: relative">-->
        <a href="{% url 'generate_yaml:real_download' %}" class="button" >
            <ul>
                <li>文件：{{ file_name }}</li>
                <li>请等待...</li>
                <li>下载开始....</li>
            </ul>
            <div>
                <svg viewBox="0 0 24 24"></svg>
            </div>
        </a>

        <a href="{% url 'generate_yaml:real_download' %}" class="button dark">
            <ul>
                <li>文件：{{ file_name }}</li>
                <li>请等待...</li>
                <li>下载开始....</li>
            </ul>
            <div>
                <svg viewBox="0 0 24 24"></svg>
            </div>
        </a>

    </div>
</article>
    <script src="{% static 'Form_Style/download_js/jquery.min-button.js' %}"></script>
    <script src="{% static 'Form_Style/download_js/TweenMax.min-button.js' %}"></script>
    <script src="{% static 'Form_Style/download_js/script-button.js' %}"></script>
	{% if messages %}
    <script>
        {% for msg in messages %}
            alert('{{ msg.message }}');
        {% endfor %}
    </script>
	{% endif %}
<!--11.13-->
<script  src="{% static 'Form_Style/download_js/script-nav.js' %}"></script>
<!---->
{% endblock body_part %}
</body>
</html>